<nav class="navbar navbar-inverse navbar-inner navbar-fixed-top hidden-xs">
    <div class="container-fluid" style="padding: 0px 30px;">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>

            </button>
            {{if !empty($user)}}
                <a class="navbar-brand" href="#" >Bienvenido&nbsp;&nbsp;{{$user.user_name_view}}&nbsp;a&nbsp;{{:MyC('home_site_name')}}</a>
                <a  class="navbar-brand" href="{{:MyUrl('index/user/logout')}}">[sign out]</a>
            {{else /}}
                <a class="navbar-brand" href="#">Bienvenido a {{:MyC('home_site_name')}}</a>

                {{if !empty($home_user_login_type)}}
                <a  class="navbar-brand {{if empty($user)}}login-event{{/if}}" href="{{:MyUrl('index/user/logininfo')}}">[ Iniciar sesión ]</a>
                {{/if}}
                {{if !empty($home_user_reg_type)}}
                <a  class="navbar-brand" href="{{:MyUrl('index/user/regInfo')}}">[ Crear una cuenta ]</a>
                {{/if}}

            {{/if}}
<!--            <div><img src="{{$public_host}}static/web/images/logo.jpg" class="visible-xs img-responsive"></div>-->
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                {{if !empty($common_nav_top_right_list) and is_array($common_nav_top_right_list)}}
                    {{foreach $common_nav_top_right_list as $nav}}
                        {{if empty($nav['items'])}}
                            <li class="menu-hd {{if isset($nav['is_login']) and $nav['is_login'] eq 1 and empty($user)}}login-event{{/if}}">
                                <a href="{{if empty($user)}}javascript:;{{else /}}{{$nav.url}}{{/if}}" target="_top">
                                    <i class="am-icon-fw {{$nav.icon}}"></i>
                                    <span>{{$nav.name}}</span>
                                    {{if isset($nav['badge']) and $nav['badge'] gt -1}}
                                    {{if $nav['badge'] gt 0}}
                                    <strong class="am-badge am-badge-danger am-round common-cart-total">{{$nav.badge}}</strong>
                                    {{else /}}
                                    <strong class="common-cart-total am-round">{{$nav.badge}}</strong>
                                    {{/if}}
                                    {{/if}}
                                </a>
                            </li>
                        {{else /}}
                            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                    <span class="am-icon-fw am-icon-user" aria-hidden="true"></span>&nbsp;{{$nav.name}}
                </a>
                <ul class="dropdown-menu">
                    {{foreach $nav.items as $navs}}
                    <li class="menu-hd {{if isset($nav['is_login']) and $nav['is_login'] eq 1 and empty($user)}}login-event{{/if}}">
                        <a href="{{if ((isset($nav['is_login']) and $nav['is_login'] eq 1) or (isset($navs['is_login']) and $navs['is_login'] eq 1)) and empty($user)}}javascript:;{{else /}}{{$navs.url}}{{/if}}">{{$navs.name}}</a>
                    </li>
                    {{/foreach}}
                </ul>
            </li>
                        {{/if}}
                    {{/foreach}}
                {{/if}}

            </ul>
            <ul class="nav navbar-nav navbar-right inlineFlex alignitemcenter" >
                <li ><a href="{{$Think.__MY_URL__}}" class="navlinkfont">Home</a></li>
                {{if !empty($nav_header)}}
                    {{foreach $nav_header as $nav}}
                    {{if empty($nav['items'])}}
                    <li>
                        <a class="navlinkfont" href="{{$nav.url}}" {{if $nav['is_new_window_open'] eq 1}}target="_blank"{{/if}} title="{{$nav.name}}" {{if isset($nav['active']) and $nav['active'] eq 1}}class="active"{{/if}}>{{$nav.name}}</a>
                    </li>
                    {{else /}}
                    {{/if}}
                    {{/foreach}}
                {{/if}}

                <li ><a href="{{:MyUrl('/index/search/index/category_id/107902.html')}}" class="navlinkfont  {{if empty($user)}}login-event{{/if}}">productos</a></li>
                    <li>
                        <img data-toggle="tooltip"  data-html="true"
                         title="<img src='{{$common_customer_store_qrcode}}' style='height:150px;width:150px'>" data-placement="bottom"
                          width="25" height="25" src="{{$common_customer_store_qrcode}}">
                    </li>
<!--                <li ><a href="{{$Think.__MY_URL__}}" class="navlinkfont">Home</a></li>-->
<!--                <li><a href="#" class="navlinkfont">Quienes somos</a></li>-->
<!--                <li class="menu-hd {{if isset($nav['is_login']) and $nav['is_login'] eq 1 and empty($user)}}login-event{{/if}}">-->
<!--                <a href="#" class="navlinkfont">Productos</a></li>-->
<!--                <li><a href="#" class="navlinkfont">Contáctenos</a></li>-->
<!--                <li>-->
<!--                    <img data-toggle="tooltip"  data-html="true"-->
<!--                         title="<img src='{{$common_customer_store_qrcode}}' style='height:150px;width:150px'>" data-placement="bottom"-->
<!--                          width="25" height="25" src="{{$common_customer_store_qrcode}}">-->
<!--                </li>-->
            </ul>
        </div><!-- /.navbar-collapse -->
    </div>
</nav>
<div class="visible-xs">
    <header class="am-topbar shop-navigation">
        <div class="am-container">
<!--            <img class="am-topbar-btn am-topbar-toggle" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbpic.588ku.com%2Felement_origin_min_pic%2F01%2F36%2F54%2F55573c1c3d80f10.jpg&refer=http%3A%2F%2Fbpic.588ku.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1626521920&t=bce01cba00a85ab3da5fe99dc9b09c77" width="20px">-->
<!--            -->

            <h1 class="am-topbar-brand wap-logo am-show-sm-only">
                    <img src="{{:AttachmentPathViewHandle(MyC('home_site_logo'))}}" alt="{{:MyC('home_seo_site_title')}}">
            </h1>

            <form style="    float: right;margin-right: 20px;" class="am-topbar-form am-topbar-left am-form-inline am-show-sm-only navigation-search" role="search" action="{{:MyUrl('index/search/index')}}" method="POST">
                <div class="am-input-group am-input-group-sm">
                    <input type="text" name="wd" class="am-form-field" placeholder="Buscar el producto" value="" autocomplete="off">
                    <span class="am-input-group-btn">
                    <button class="am-btn " style="background: #ebebeb;" type="submit">
                        <span class="am-icon-search am-icon-xs"></span>
                    </button>
                </span>
                </div>
            </form>

        </div>
    </header>
</div>